<template>
	<div>
		<Banner/>
    <hr>
    <router-link  class="a" to="/Home">Home组件</router-link> &nbsp;
    <router-link class="b" to="/About">About组件</router-link>
    <hr>
    <div>
      <!-- 指定组件的位置 -->
      <router-view></router-view>
    </div>
	</div>

</template>

<script>
import Banner from './components/Banner.vue'
export default {
	name:'App',
  components:{Banner}
}
</script>

<style>
.a{
  cursor: pointer;
  width: 100px;
  height: 35px;
  background-color: #ccc;
}
.b{
  cursor: pointer;
  width: 100px;
  height: 35px;
  background-color: lightgreen;
}
</style>